<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<link rel="stylesheet" href="../../static/css/common.css">
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
<head>
  <meta charset="UTF-8">
  <title>Edit user information</title>
  <!-- 引入样式文件 -->
  <link rel="stylesheet" href="../../static/css/form.css">
</head>
<body>
<!-- 菜单栏 -->
<link rel="stylesheet" href="../../static/css/index.css">
<ul>
  <div th:each="item:${menuList}" class="display:inline-de">
    <li><a th:href="@{${item.path}}" th:text="${item.name}"></a></li>
  </div>
  <a th:href="@{/login}" style="float:right;font-size: 16px;margin: 17px;color: white;">> 登出</a>
</ul>
<div class="form-container">
  <h2 class="form-title" style="font-family: 幼圆;font-weight: bold">编辑个人信息</h2>
  <form class="form-content" style="height: 260px;width: 70%" th:object="${user}" th:action="@{/profile/updateInfo}" method="post">
    <!-- 表单项内容 -->
    <div class="form-row">
      <label for="userName">用户名</label>
      <input type="text" id="userName" name="userName" th:field="*{userName}" required/>
    </div>
    <div class="form-row">
      <label for="realName">真实姓名</label>
      <input type="text" id="realName" name="realName" th:field="*{realName}" required/>
    </div>
    <div class="form-row">
      <label for="email">邮箱</label>
      <input type="email" id="email" name="email" th:field="*{email}" required/>
    </div>
    <div class="form-row">
      <label for="phone">电话</label>
      <input type="text" id="phone" name="phone" th:field="*{phone}" required/>
    </div>
    <button class="submit-button">Submit</button>
  </form>
</div>
</body>
</html>
